<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">




</head>

<body>
    <div class="container">

        <header>
            <div class="big">
                <h1 class="zh"> Cemal Can Dinca
                    <p>Owenr/Designer/Creator</p>
                </h1>
                <a href="#"> Contact me</a>
                <div class="tupian">
                    <img src="https://via.placeholder.com/16x16" alt="">
                    <img src="https://via.placeholder.com/16x16" alt="">
                    <img src="https://via.placeholder.com/16x16" alt="">
                    <img src="https://via.placeholder.com/16x16" alt="">

                </div>
        </header>
        <section class="work">
            <img class="first" src="https://via.placeholder.com/300x350" alt="">
            <h3>one</h3>
            <p>lorem ipsum dolor sit amet .consectetu</br>
                r adipiscing elit. Amenean aliquam eart</br> ligula . eu pretium tellus rutrum et
            </P>
            <img class="second" src="https://via.placeholder.com/300x350" alt="">
            <h3>one</h3>
            <p>lorem ipsum dolor sit amet .consectetu</br>
                r adipiscing elit. Amenean aliquam eart</br> ligula . eu pretium tellus rutrum et
            </P>
        </section>
        <aside>
            <p>L oremipsum dolorsitamet, consectetur</br>
                adipiscing elit. Amenean aliquam erat </br>
                ligula, pretiumtellusrutrum et.Etiameget</br>
                imprerdie emni, in lucast. L oremipsum</br>
                dolorsitamet, consectetur adipiscing elit.</br>
                Amenean aliquam erat ligula, eupretium</br>
                tellusrutrum et.Etiameget imprerdie emni,</br>
                in lucast. L oremipsum dolorsit amet, </br>
                consectetur adipiscing elit.</p>

            <span>L oremipsum dolorsitamet, consectetur</br>
                    adipiscing elit. Amenean aliquam erat </br>
                    ligula, pretiumtellusrutrum et.Etiameget</br>
                    imprerdie emni, in lucast. L oremipsum</br>
                    dolorsitamet, consectetur adipiscing elit.</br>
                    Amenean aliquam erat ligula, eupretium</br>
                    tellusrutrum et.Etiameget imprerdie emni,</br>
                    in lucast. L oremipsum dolorsit amet, </br>
                    consectetur adipiscing elit.</p>

                </span>

            <img class="z" src="https://via.placeholder.com/260x350" alt="">


        </aside>
        <section class="worke">
            <img class="first" src="https://via.placeholder.com/120x110" alt="">
            <img class="first" src="https://via.placeholder.com/120x110" alt="">

        </section>


        </div>

</body>

</html>